<template>
  <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="$attrs">
    <!-- 主体 L 形 -->
    <path
      d="M14 8 L14 32 L32 32"
      :stroke="color"
      stroke-width="3.5"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <!-- 右上角装饰 - 鹿角分支1 -->
    <path d="M14 12 L20 8" :stroke="color" stroke-width="3" stroke-linecap="round" />
    <!-- 右上角装饰 - 鹿角分支2 -->
    <path d="M14 18 L22 14" :stroke="color" stroke-width="2.5" stroke-linecap="round" />
    <!-- 右下角装饰点 -->
    <circle cx="32" cy="32" r="2.5" :fill="color" />
  </svg>
</template>
<script setup lang="ts">
const props = defineProps<{
  currentColor?: string
}>()

// 使用默认值
const color = props.currentColor || '#fff'
</script>
